<!--<template>-->
<!--  <div>-->
<!--    <el-row :gutter="15">-->
<!--      <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">-->
<!--        <el-col :span="10">-->
<!--          <el-form-item label="课程编号" prop="mobile">-->
<!--            <el-input v-model="formData.mobile" placeholder="请输入课程编号" :maxlength="11" show-word-limit-->
<!--              clearable prefix-icon='el-icon-mobile' :style="{width: '100%'}"></el-input>-->
<!--          </el-form-item>-->
<!--        </el-col>-->
<!--        <el-col :span="10">-->
<!--          <el-form-item label="课程学科" prop="field104">-->
<!--            <el-select v-model="formData.field104" placeholder="请选择课程学科" clearable :style="{width: '100%'}">-->
<!--              <el-option v-for="(item, index) in field104Options" :key="index" :label="item.label"-->
<!--                :value="item.value" :disabled="item.disabled"></el-option>-->
<!--            </el-select>-->
<!--          </el-form-item>-->
<!--        </el-col>-->
<!--        <el-col :span="10">-->
<!--          <el-form-item label="课程名称" prop="field102">-->
<!--            <el-input v-model="formData.field102" placeholder="请输入课程名称" :maxlength="11" show-word-limit-->
<!--              clearable prefix-icon='el-icon-mobile' :style="{width: '100%'}"></el-input>-->
<!--          </el-form-item>-->
<!--        </el-col>-->
<!--        <el-col :span="10">-->
<!--          <el-form-item label="课程价格" prop="field103">-->
<!--            <el-input v-model="formData.field103" placeholder="请输入课程价格" :maxlength="11" show-word-limit-->
<!--              clearable prefix-icon='el-icon-mobile' :style="{width: '100%'}"></el-input>-->
<!--          </el-form-item>-->
<!--        </el-col>-->
<!--        <el-col :span="24">-->
<!--          <el-form-item size="large">-->
<!--            <el-button type="primary" @click="submitForm">提交</el-button>-->
<!--            <el-button @click="resetForm">重置</el-button>-->
<!--          </el-form-item>-->
<!--        </el-col>-->
<!--      </el-form>-->
<!--    </el-row>-->
<!--  </div>-->
<!--</template>-->
<!--<script>-->
<!--export default {-->
<!--  components: {},-->
<!--  props: [],-->
<!--  data() {-->
<!--    return {-->
<!--      formData: {-->
<!--        mobile: '',-->
<!--        field104: undefined,-->
<!--        field102: '',-->
<!--        field103: '',-->
<!--      },-->
<!--      rules: {-->
<!--        mobile: [{-->
<!--          required: true,-->
<!--          message: '请输入课程编号',-->
<!--          trigger: 'blur'-->
<!--        }, {-->
<!--          pattern: /^1(3|4|5|7|8|9)\d{9}$/,-->
<!--          message: '手机号格式错误',-->
<!--          trigger: 'blur'-->
<!--        }],-->
<!--        field104: [{-->
<!--          required: true,-->
<!--          message: '请选择课程学科',-->
<!--          trigger: 'change'-->
<!--        }],-->
<!--        field102: [{-->
<!--          required: true,-->
<!--          message: '请输入课程名称',-->
<!--          trigger: 'blur'-->
<!--        }, {-->
<!--          pattern: /^1(3|4|5|7|8|9)\d{9}$/,-->
<!--          message: '手机号格式错误',-->
<!--          trigger: 'blur'-->
<!--        }],-->
<!--        field103: [{-->
<!--          required: true,-->
<!--          message: '请输入课程价格',-->
<!--          trigger: 'blur'-->
<!--        }, {-->
<!--          pattern: /^1(3|4|5|7|8|9)\d{9}$/,-->
<!--          message: '手机号格式错误',-->
<!--          trigger: 'blur'-->
<!--        }],-->
<!--      },-->
<!--      field104Options: [{-->
<!--        "label": "选项一",-->
<!--        "value": 1-->
<!--      }, {-->
<!--        "label": "选项二",-->
<!--        "value": 2-->
<!--      }],-->
<!--    }-->
<!--  },-->
<!--  computed: {},-->
<!--  watch: {},-->
<!--  created() {},-->
<!--  mounted() {},-->
<!--  methods: {-->
<!--    submitForm() {-->
<!--      this.$refs['elForm'].validate(valid => {-->
<!--        if (!valid) return-->
<!--        // TODO 提交表单-->
<!--      })-->
<!--    },-->
<!--    resetForm() {-->
<!--      this.$refs['elForm'].resetFields()-->
<!--    },-->
<!--  }-->
<!--}-->

<!--</script>-->
<!--<style>-->
<!--</style>-->
